<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsf/composite/componentes"
	template="/modelo/designer.xhtml">
	<ui:define name="conteudo">


<div id="slideshow">
	<div id="foobar">
		<div id="col2">
			<div class="viewer">
				<div class="reel">
					<div class="slide"><img src="images/fotoretrato1.jpg" width="400" height="290" alt="" /> <span>Sonho</span> </div>
					<div class="slide"><img src="images/fotoretrato2.jpg" width="400" height="290" alt="" /> <span>Lazer</span> </div>
					<div class="slide"><img src="images/fotoretrato3.jpg" width="400" height="290" alt="" /> <span>Religião</span> </div>
				</div>
			</div>
		</div>
		<div id="col3"><a href="#" title="clique para mudar a foto" class="next">&nbsp;</a></div>
	</div>
	<script type="text/javascript">
						$('#foobar').slidertron({
							viewerSelector:			'.viewer',
							reelSelector:			'.viewer .reel',
							slidesSelector:			'.viewer .reel .slide',
							navPreviousSelector:	'.previous',
							navNextSelector:		'.next',
							navFirstSelector:		'.first',
							navLastSelector:		'.last'
						});
						
	</script>
</div>
	
		
	</ui:define>
</ui:composition>
